* {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    display: block;
}

body {
    width: 10rem;
}

.header {
    width: 10rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 1.87rem;
    background: #fc9003;

    a {
        font-size: .7rem;
        color: #fff;
    }

    p {
        font: .6rem/1rem "";
        color: #fff;
        padding-left: .2rem;
    }

    span img {
        width: 1.1rem;
        height: 1.1rem;
        padding-left: .27rem;
    }
}

#nav ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1.5rem;
    align-items: center;
    position: relative;
    background: #f4f4f4;
    li {
        
        border: .04rem double rgb(168, 166, 166);
        background: #faebc9;
        margin-right: 1.09rem;
        padding-left: .45rem;
        // padding-top: .16rem;
        text-align: center;
        margin-top: .2rem;
        margin-bottom: .2rem;
        border-radius: .1rem;
    }   span{
        padding-right: 2px;
    }
    li:last-child{
       width: 6.24rem;
       height: 1.17rem;
    }
    li:last-child img{
        padding-left: 2.88rem;
        margin-top: 2px;
    }
}

//底部样式
#footer button {
    height: .85rem
        /* 32/37.5 */
    ;
    width: 9.6rem
        /* 355/37.5 */
    ;
    margin-left: .2rem
        /* 5/37.5 */
    ;
    margin-top: .3rem;
    border: none;
    box-shadow: .03rem .03rem .1rem #666;
    color: #f89a20;
    font-weight: 600;
}

#footer .brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .91rem
        /* 34/37.5 */
    ;
    background: #ff9000;
    text-align: center;
    margin-top: .13rem
        /* 5/37.5 */
    ;

    span {
        background: #ff9000;
        color: #fff;
        margin-left: .6rem
            /* 5/37.5 */
        ;
        font-size: .6rem;
    }

    a img {
        height: .5rem
            /* 25/37.5 */
        ;
        width: .5rem
            /* 25/37.5 */
        ;
        margin-right: .2rem
            /* 5/37.5 */
        ;
    }
}

#login {
    text-align: center;
    display: flex;
    flex-direction: column;
    background: #f4f4f4;

    .container {
        display: flex;
        justify-content: space-between;
        margin-top: .13rem
            /* 5/37.5 */
        ;

        a {
            width: 33%;
            color: #666;
            border: .03rem
                /* 1/37.5 */
                solid #ccc;
            text-align: center;
            font-size: .4rem
                /* 20/37.5 */
            ;
        }
    }

    p {
        margin-top: .27rem;
    }

    span {
        margin-top: .17rem
            /* 10/37.5 */
        ;
    }
}